@import url("https://fonts.googleapis.com/css?family=Open+Sans:700,600,400");

body.Webgood {
  min-width: 375px;
  font-size: 14px;
  line-height: 1.3;
  font-family: "Open Sans", sans-serif;
  color: #646464;
}

h1,
h2,
h3,
h4,
h5 {
  font-size: 18px;
  color: #343434!important;
  font-family: "Open Sans", sans-serif;
}
/*EM popup for the webgood*/
.black_overlay {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #000000;
  z-index: 1001;
  -moz-opacity: 0.65;
  opacity: .65;
  filter: alpha(opacity=65);
}

.Webgood .Side-Content {
  padding: 30px;
  text-align: center;
  border: unset;
}

.Webgood .Main-Content {
  padding: 20px 0 0 20px;
  background: #fff;
}
.Webgood-Transaction-Information {
  border-bottom: 2px solid #4b80eb!important;
}
.Webgood-Transaction-Title h1,
.Webgood-Purchase-Summary-Title h1,
.Webgood-Billing-Information-Title h1 {
  border-bottom: unset;
  font-weight: 700;
}
.Webgood-Transaction-Information h3 {
  color: #646464!important;
  font-size: 16px;
  margin: 7px 0 3px 0;
}
.Webgood .Side-Content p {
  margin: 0 0 10px 0;
  font-size: 13px;
}

.Webgood .Side-Content h3 {
  font-size: 13px;
  margin: 5px 0;
  font-weight: bold;
  text-transform: uppercase;
}
.Webgood-Billing th  {
  white-space: nowrap!important;
}
.Webgood-Purchase th{
  background-image: unset;
}
.Webgood .Side-Content .phonelabelelm,
.Webgood .Side-Content .phonenumberelm{
  font-size: 13px;
}

.Webgood .Side-Content-Item,
.Webgood .Side-Content .Language,
.Webgood .Side-Content .Currency {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.white_content {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 450px;
  height: 350px;
  padding: 20px;
  box-shadow: 0 0 9px 3px rgba(54, 59, 68, 0.26);
  background-color: white;
  z-index: 1002;
  text-align: center;
  transform: translate(-50%, -50%);
  box-shadow: inset 0 0 0 2px #000000;
  border: 20px solid #ffffff;
  font-family: Arial;
}

.closepopup {
  position: absolute;
  left: 25px;
  top: -45px;
  z-index: 9999;
}

.popuptitle {
  position: absolute;
  top: -47px;
  left: 245px;
  font-size: 30px;
  color: #ffffff;
}

.manually img {
  width: 275px;
  margin: 15px auto 20px;
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.15);
}

.manually {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  font-size: 14px;
}

.key {
  margin: 10px 0;
  color: #00a4ff;
  font-size: 18px;
}

.tollfree {
  font-size: 14px;
  margin: 30px 0;
}

.white_content hr {
  margin-top: 15px;
  opacity: 0.3;
}

.typ-no:hover {
  color: #222222;
}

.typ-no {
  color: #222222;
  background: #dddddd;
  padding: 10px 20px;
  border-radius: 5px;
  font-weight: bold;
  float: left;
  margin-left: 30px;
}

.typ-yes:hover {
  color: #ffffff;
}

.typ-yes {
  color: #ffffff;
  background: #70ad47;
  padding: 10px 20px;
  border-radius: 5px;
  font-weight: bold;
  float: right;
  margin-right: 30px;
}

input[type=number]::-webkit-calendar-picker-indicator {
  display: none !important;
}
/* FRAME-MIDDLE */

.Webgood .Frame-Middle .Inner-Container {
  background: #fff;
}

/* FOOTER */

.Webgood .Top-Msg {
  border: none;
  padding: 20px 0 !important;
}

/* RESPONSIVE */

@media (min-width: 769px) and (max-width: 979px) {
  body.Webgood .Frame-Middle:after {
    background: transparent;
    height: auto;
  }

  body.Webgood .Frame-Middle .Inner-Container {
    background: transparent;
  }

  .Webgood .Page-Container,
  .Webgood .Inner-Container {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }
}
@media (max-width: 670px) {

  div.post-x-sell-dialog {
    width: 90% !important;
  }

  div.btn-floats {
    width: auto;
  }

  .post-x-sell-dialog-content .Postsale-Content {
    height: auto;
  }

  .post-sale-body,
  .post-x-sell-dialog-content input+div {
    width: auto !important;
  }

  .post-x-sell-dialog-content .green {
    color: #196b10;
    font-size: 20px;
  }

  .white_content {
    width: 70%;
    height: auto;
    top: 20%;
    left: auto;
    transform: none;
  }

  .manually .typ-yes,
  .manually .typ-no {
    padding: 5px;
    font-size: 12px;
  }

  .de .manually .typ-yes,
  .de .manually .typ-no {
    font-size: 11px;
  }

  .white_content div:first-child {
    line-height: 1.2;
  }

  .Postsale .Postsale-Content-ProductImageBackground {
    float: none;
    margin: 0 auto;
  }

  .webbadYellow h3.webbadWarning,
  .webbadRed h3.webbadWarning {
    min-width: 232px;
    box-sizing: border-box;
  }

  div.webbadRed {
    background: none;
  }

  .Postsale .Postsale-Product {
    float: left;
    width: 100%;
  }

  .Postsale {
    width: auto !important;
  }

  .Postsale-Footer {
    position: relative;
  }

  div.btn-floats .tip {
    max-width: 100%;
    width: 90%;
  }

  .webbadRedBottomLeft {
    background: none;
  }

  .Postsale .Postsale-Content-ProductImageBackground {
    background: none;
    padding: 0;
  }
}

@media (max-width: 650px) {

  .Postsale .Postsale-Footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 0 5px 0;
  }

  .Postsale-Footer-Accept,
  .Postsale-Footer-Decline {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  .Webgood .Frame-Bottom .System-Comatibility {
    float: none;
    display: block;
    text-align: left;
  }

  .Webgood .Frame-Middle:after {
    display: none;
  }

  .en .Webgood .Statement-Example,
  .fr .Webgood .Statement-Example,
  .es .Webgood .Statement-Example,
  .it .Webgood .Statement-Example,
  .de .Webgood .Statement-Example,
  .pt .Webgood .Statement-Example {
    width: auto;
    margin: 0;
    background-image: none !important;
    max-width: initial;
    height: auto;
  }

  .en .Webgood .Statement-Example h3,
  .fr .Webgood .Statement-Example h3,
  .es .Webgood .Statement-Example h3,
  .it .Webgood .Statement-Example h3,
  .de .Webgood .Statement-Example h3,
  .pt .Webgood .Statement-Example h3 {
    margin: 21px 0 8px;
    font-size: 14px;
    font-weight: 500;
    max-width: 100%;
  }

  .en .Webgood-Statement td,
  .fr .Webgood-Statement td,
  .es .Webgood-Statement td,
  .it .Webgood-Statement td,
  .de .Webgood-Statement td,
  .pt .Webgood-Statement td {
    border-top: 1px solid #E5E9EC;
    border-bottom: 1px solid #E5E9EC;
    padding: 5px 0;
    color: #666;
  }

  .en .Webgood .Webgood-Statement td.Statement-Price,
  .fr .Webgood .Webgood-Statement td.Statement-Price,
  .es .Webgood .Webgood-Statement td.Statement-Price,
  .it .Webgood .Webgood-Statement td.Statement-Price,
  .de .Webgood .Webgood-Statement td.Statement-Price,
  .pt .Webgood .Webgood-Statement td.Statement-Price {
    padding-right: 5px;
  }

  .en .Webgood .Webgood-Statement,
  .fr .Webgood .Webgood-Statement,
  .es .Webgood .Webgood-Statement,
  .it .Webgood .Webgood-Statement,
  .de .Webgood .Webgood-Statement,
  .pt .Webgood .Webgood-Statement {
    margin: 10px 0 0;
    border: 2px solid #4b80eb;
    border-radius: 5px;
    padding: 10px 16px !important;
    border-collapse: inherit;
    max-width: 100%;
    background: unset;
  }

  .Checkout .Webgood-Statement td.Statement-Date,
  .Webgood .Webgood-Statement td.Statement-Date {
    padding-left: 0 !important;
  }
}

@media (max-width: 480px) {
  .Webgood .Step-Wrap span.Step {
    display: none !important;
  }
}

@media (max-width: 426px) {

  div.btn-floats .tip {
    margin-top: -37px !important;
    position: absolute;
  }

  div.btn-floats a {
    text-align: left !important;
    position: relative;
  }

  .post-sale-body .col-full h2 {
    font-size: 1.5em;
  }

  .col-onethird {
    padding-top: 5px;
    display: none;
  }

  .col-twothirds {
    padding-top: 5px;
    width: 100%;
  }

  div.post-sale-body .pricebox {
    padding: 15px 5px 10px;
  }

  .col-onethird.left img {
    width: 35%;
  }

  div.btn-floats {
    padding: 5px 20px 30px !important;
  }

  .Postsale-Footer-Accept a[name="acceptsale"] {
    font-size: 12px !important;
  }

  .ja .Postsale-Footer-Accept a[name="acceptsale"] {
    font-size: 10px !important;
  }

  body.de .btn-floats a {
    position: relative !important;
    left: 0 !important;
    float: none;
    padding: 10px;
  }

  a.buynow_de {
    position: relative !important;
    left: 0 !important;
  }

  .right a[name="acceptsale"] {
    font-size: 14px !important;
  }

  h1.Postsale-Content-ProductName {
    font-size: 1.2em;
  }

  .Postsale .Postsale-Content {
    margin-bottom: 15px;
  }

  .Postsale-Footer-Decline a {
    padding: 0;
    background: none;
  }
}